<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>IT技术资讯_原创内容_慕课网手记</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Access-Control-Allow-Origin" content="*"/>
    <meta http-equiv="Cache-Control" content="no-transform "/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content="慕课网为IT专业技术人员提供最新的文章信息,包括PHP,JAVA,C语言,MySql,DB2等相关文章,更多IT技术资讯、原创内容、开源代码尽在慕课手记
"/>
    <link rel="stylesheet" href="/Statics/css/base.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/shouji/article-index-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/font-awesome.min.css" type="text/css" />
</head>
<body>
<!-- 头部 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--header-->
    <div id="header">

        <div class="page-container" id="nav">
            <div id="logo" class="logo"><a href="/" target="_self" class="hide-text">微客教育网</a></div>


            <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
                <i class="icon-menu"></i>
            </button>
            <!--未登录时显示-->
            <ul class="nav-item">
                <!--<li class="set-btn visible-xs-block"><a href="/user/newlogin" target="_self">登录</a> / <a href="/user/newsignup" target="_self">注册</a></li>-->
                <li>
                    <a href="<?php echo U('Course/index');?>"  target="_self">课程</a>
                </li>
                <li><a href="<?php echo U('Wenda/index');?>" class="active" target="_self">猿问</a></li>
                <li><a href="<?php echo U('Shouji/index');?>" target="_self">手记</a></li>
            </ul>
            <!--登录注册 未登录才显示 start-->
            <!--<div id="login-area">-->
            <!--<ul class="header-unlogin clearfix">-->
            <!--<li class="header-signin">-->
            <!--<a href="#" id="js-signin-btn">登录</a>-->
            <!--</li>-->
            <!--<li class="header-signup">-->
            <!--<a href="#" id="js-signup-btn">注册</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--登录注册 未登录才显示 end-->

            <!--已登录才显示-->
            <div id="login-area">
                <ul class="clearfix logined">
                    <li class="set_btn user-card-box">
                        <a id="header-avator" class="user-card-item" action-type="my_menu" href="/u/3224635/courses"
                           target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg'
                                               width='40' height='40'/>
                            <i class="myspace_remind" style="display: none;"></i>
                            <span style="display: none;">动态提醒</span>
                        </a>
                        <div class="g-user-card">
                            <div class="card-inner">
                                <div class="card-top">
                                    <a href="<?php echo U('Ucenter/index');?>"><img
                                            src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg"
                                            alt="慕粉3224635" class="l"></a>
                                    <a href="<?php echo U('Ucenter/index');?>"><span class="name text-ellipsis">慕粉3224635</span></a>
                                    <p class="meta">
                                        <a href="<?php echo U('Ucenter/experience');?>">经验<b id="js-user-mp">40</b></a>
                                        <a href="<?php echo U('Ucenter/credit');?>">积分<b id="js-user-credit">0</b></a>
                                    </p>

                                    <!--<a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'></a>-->
                                    <a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'>
                                        <i class="fa fa-cog"></i>
                                    </a>

                                </div>
                                <!--
                                <div class="card-links">
                                    <a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>
                                    <span class="split l"></span>
                                    <a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>
                                </div>
                                -->
                                <div class="card-history">
                                    <span class="history-item">
                                        <span class="tit text-ellipsis">响应式布局</span>
                                        <span class="media-name text-ellipsis">1-4 设计原则</span>
                                        <i class="icon-clock"></i>
                                        <a href="<?php echo U('Course/play?vid=494');?>" class="continue">继续</a>
                                    </span>
                                </div>
                                <div class="card-sets clearfix">
                                    <a href="<?php echo U('Wenda/question');?>" target="_blank" class="l mr30">发问题</a>
                                    <a href="<?php echo U('Shouji/write');?>" target="_blank" class="l">写文章</a>
                                    <a href="/passport/user/logout?referer=http://www.imooc.com" class="r">退出</a>
                                </div>
                            </div>
                            <i class="card-arr"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
<!--main-->
<div id="main">
    <div class="container clearfix">
        <!--左侧部分-->
        <div class="article-left l">
            <!--主题图-->
            <div class="article-ad-img">
                <a href="http://www.imooc.com/article/6461" class="article-ad-info" target="_blank">
                </a>
                <a class="article-ad-txt" href="http://www.imooc.com/article/6461" target="_blank">
                    <span>深入理解JVM之类加载</span>
                </a>
                <!--主体蓝图-->
                <img src="http://img.mukewang.com/571dafdd00017b3708400320.jpg" data-ast="wenzhangindex_1_261"
                     target="_blank" alt="深入理解JVM之类加载">
            </div>
            <!-- ad-img end -->
            <!--推荐的两个文章-->
            <div class="ad-font">
                <ul>
                    <li class="first">
                        <h2><a href="http://www.imooc.com/article/6875" title="Jquery 获取对象的几种方式详细介绍"
                               data-ast="wenzhangindex_1_263" target="_blank">Jquery 获取对象的几种方式详细介绍</a></h2>
                        <p class="ad-detail">1、JQuery的核心的一些方法;2、基本对象获取(注意这里获取的都是Jquery对象而不是...</p>
                    </li>
                    <li>
                        <h2><a href="http://www.imooc.com/article/6911" title="我的前端进阶学习—— 模块化开发"
                               data-ast="wenzhangindex_1_265" target="_blank">我的前端进阶学习—— 模块化开发</a></h2>
                        <p class="ad-detail">本文是我在学习一个开源的 Ajax 库时所总结的内容，总共分为了几个部分 这是其中第一部分，...</p>
                    </li>
                </ul>
            </div>
            <!-- ad-font end -->
            <!--创建文章-->
            <div class="ad-create">
                <span class="icon-close" id="js-ad-close"></span>
                <h3>想记录学习、工作心得，分享优秀的技术经验？来创建文章吧。</h3>
                <a href="<?php echo U('Shouji/write');?>" target="_blank" class="create-ques">创建文章</a>

            </div>
            <!-- be-create end -->
            <!--分类-->
            <div class="article-tool-bar clearfix">
                <div class="tool-left l">
                    <a href="javascript:;" data-hot='hot' class="sort-item ">大家推荐</a>
                    <a href="javascript:;" class="sort-item active">最新发布</a>
                    <span data-type='new' class="moveline"></span>
                </div>
                <!-- 标签 -->
                <ul class="article-tab r">
                    <!-- class="tabactive" -->
                    <li>
                        <a data-id="2" href="/article/tag/2" target="_blank">PHP</a>
                    </li>
                    <li>
                        <a data-id="3" href="/article/tag/3" target="_blank">JAVA</a>
                    </li>
                    <li>
                        <a data-id="5" href="/article/tag/5" target="_blank">Html/CSS</a>
                    </li>
                    <li>
                        <a data-id="12" href="/article/tag/12" target="_blank">Android</a>
                    </li>
                    <li>
                        <a data-id="25" href="/article/tag/25" target="_blank">CSS3</a>
                    </li>
                    <li>
                        <a data-id="19" href="/article/tag/19" target="_blank">iOS</a>
                    </li>
                    <li class="all icon-menu" id="js-columall"></li>
                </ul>
                <!--全部标签-->
                <div id="tagPop" class="tag-pop-layer">
                    <h2 class="panel-hd">全部标签</h2>
                    <span class="icon-close" id="js-tag-close"></span>
                    <div class="pop-bd">
                        <a href="/article/tag/2" class="tag-detail" target="_blank">PHP</a>
                        <a href="/article/tag/3" class="tag-detail" target="_blank">JAVA</a>
                        <a href="/article/tag/5" class="tag-detail" target="_blank">Html/CSS</a>
                        <a href="/article/tag/12" class="tag-detail" target="_blank">Android</a>
                        <a href="/article/tag/25" class="tag-detail" target="_blank">CSS3</a>
                        <a href="/article/tag/19" class="tag-detail" target="_blank">iOS</a>
                        <a href="/article/tag/7" class="tag-detail" target="_blank">Maya</a>
                        <a href="/article/tag/8" class="tag-detail" target="_blank">MongoDB</a>
                        <a href="/article/tag/9" class="tag-detail" target="_blank">Premiere</a>
                        <a href="/article/tag/10" class="tag-detail" target="_blank">Photoshop</a>
                        <a href="/article/tag/11" class="tag-detail" target="_blank">Mysql</a>
                        <a href="/article/tag/13" class="tag-detail" target="_blank">Node.js</a>
                        <a href="/article/tag/14" class="tag-detail" target="_blank">Html5</a>
                        <a href="/article/tag/15" class="tag-detail" target="_blank">JQuery</a>
                        <a href="/article/tag/17" class="tag-detail" target="_blank">JavaScript</a>
                        <a href="/article/tag/18" class="tag-detail" target="_blank">Python</a>
                        <a href="/article/tag/20" class="tag-detail" target="_blank">Linux</a>
                        <a href="/article/tag/21" class="tag-detail" target="_blank">云计算</a>
                        <a href="/article/tag/22" class="tag-detail" target="_blank">AngularJS</a>
                        <a href="/article/tag/24" class="tag-detail" target="_blank">Bootstrap</a>
                        <a href="/article/tag/26" class="tag-detail" target="_blank">前端工具</a>
                        <a href="/article/tag/27" class="tag-detail" target="_blank">WebApp</a>
                        <a href="/article/tag/28" class="tag-detail" target="_blank">C</a>
                        <a href="/article/tag/29" class="tag-detail" target="_blank">Oracle</a>
                        <a href="/article/tag/30" class="tag-detail" target="_blank">C++</a>
                        <a href="/article/tag/31" class="tag-detail" target="_blank">Go</a>
                        <a href="/article/tag/33" class="tag-detail" target="_blank">Unity 3D</a>
                        <a href="/article/tag/34" class="tag-detail" target="_blank">Cocos2d-x</a>
                        <a href="/article/tag/35" class="tag-detail" target="_blank">大数据</a>
                        <a href="/article/tag/36" class="tag-detail" target="_blank">SQL Server</a>
                        <a href="/article/tag/38" class="tag-detail" target="_blank">C#</a>
                        <a href="/article/tag/39" class="tag-detail" target="_blank">数据结构</a>
                        <a href="/article/tag/40" class="tag-detail" target="_blank">ZBrush</a>
                        <a href="/article/tag/43" class="tag-detail" target="_blank">产品更新</a>
                        <a href="/article/tag/46" class="tag-detail" target="_blank">职场生活</a>
                        <a href="/article/tag/47" class="tag-detail" target="_blank">设计</a>
                        <a href="/article/tag/48" class="tag-detail" target="_blank">征文</a>
                    </div>
                </div>
                <div class="tag-mask"></div>
            </div>
            <!--文章列表-->
            <div class="article-lwrap ">
                <h3 class="item-title">
                    <a href="<?php echo U('Shouji/details');?>" class="title-detail" target="_blank">前端开发利器：Emmet 介绍</a>
                </h3>
                <!-- 文章-->
                <div class="">
                    <p class="item-bd">Emmet 是一个能提高前端开发效率的编辑器插件，支持 Sublime，Atom，TextMate，Nodepad++ 等主流编辑器。Emmet
                        定义了一些缩写，当我们输入缩写代码后，按展开键（默认是 Tab 键）后会展开成完整的代码。如，我们在 HTML 文件中输入 ul.list&gt;li{第$个}*2 ，
                        然后按展开键，会展开成如下代码 &lt;ul class=&quot;list&qu...</p>
                    <!--文章内容下评论  发帖时间 浏览量等-->
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="117532">
                            <li class="pass-time">37分钟前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">8浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="<?php echo U('Shouji/details');?>" class="title-detail" target="_blank">curl实用远程传输工具</a>
                </h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">/** curl远程传输工具 */ public function postCurl_new($url,$body,$header,$type=&#039;POST&#039;){
                        $ch = curl_init(); curl_setopt($ch,CURLOPT_URL,$url);
                        curl_setopt($ch,CURLOPT_HEADER,0);//0只要正文,1全部信息 curl_se...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="2132253">
                            <li class="pass-time">4小时前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">8浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/7019" class="title-detail" target="_blank">Linux每天学习一个命令之find命令三</a>
                </h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">find [path] [option] [action] 跟文件名及权限有关的命令 -name name:查找文件名为name的文件 -size
                        [-+]size:查找文件大小比size大或比size小的文件 -type type:根据文件类型进行查找，参数选项有:① f : 正规文件;② l : 连接文件;③ d : 目录文件; ④
                        s : socket文件; ⑤ b,c : 块文件 -per...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="492393">
                            <li class="pass-time">18小时前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">7浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/7017" class="title-detail" target="_blank">我的前端进阶学习（二）—— promise</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">本文是我在学习一个开源的 Ajax 库时所总结的内容，总共分为了几个部分 这是其中第二部分，关于 Promise 引言
                        随着技术的发展，我们在编写的前端程序越来越复杂，其中有一个就是对异步任务的处理。我们希望在处理异步调用时需要对两种结果进行操作&mdash;&mdash;成功操作和失败处理。再成功调用后，我们还可能将返回的结果用在另一个异步任务中，这样就会出线&ldquo;函数连环嵌套&rdqu...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="228270">
                            <li class="pass-time">18小时前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">28浏览</span>
                            <span class="recom">3推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/7015" class="title-detail" target="_blank">Java入门第二季租车系统</a>
                </h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">定义父类Auto package com.Imooc; public abstract class Auto { private String
                        model;//汽车型号 private int rent;//汽车租金 private int capacity;//汽车载客量 private int cargo;//汽车载货量
                        //以下为各个变量的设置与获取方法 public String getM...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="3183736">
                            <li class="pass-time">19小时前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">28浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/7013" class="title-detail" target="_blank">《Node与Express开发》学习笔记-第九章 Cookie与会话</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">
                        HTTP是无状态协议。这就是说，当你在浏览器中加载页面，然后转到同一网站的另一页面时，服务器和浏览器都没有任何内在的方法可以认识到，这是同一浏览器访问同一网站。换一种说法，Web工作的方式就是在每个HTTP
                        请求中都要包含所有必要的信息，服务器才能满足这个请求。
                        会话的作用就是让浏览器与服务器之间能够有一个记录状态的地方。浏览器可以操作这个记录状态的地方服务器也可以。这样服务器就能够识别出不同的浏...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="108457">
                            <li class="pass-time">21小时前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">13浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap clearfix">

                <h3 class="item-title">
                    <a href="/article/7009" class="title-detail" target="_blank">利用CSS控制田字格布局</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="item-txt">
                    <!-- img -->
                    <div class="item-img l">
                        <a href="/article/7009" target="_blank">
                            <img src='http://img.mukewang.com/571f21880001a73205160514-210-130.jpg' width='210'
                                 height='130'/>
                        </a>
                    </div>

                    <p class="item-bd">html代码： &lt;ul&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt;
                        &lt;li&gt;4&lt;/li&gt; &lt;/ul&gt; css代码： &lt;style&gt; { margin:0px;padding:0px;} ul {
                        width:399px;height:399px...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="2897468">
                            <li class="pass-time">23小时前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">29浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/6993" class="title-detail" target="_blank">用js实现（1+2+...+100）的和以及偶数和、基数和，新手上路，</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">&lt;script type=&quot;javascript&quot;&gt; var sum=0;//定义一个变量用来存储和 //1到100的和
                        for(var i=0;i&lt;=100;i++) alert(&quot;...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="3254266">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">21浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/6991" class="title-detail" target="_blank">(1/2)Vue构建单页应用最佳实战</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">前言 我们将会选择使用一些vue周边的库 1.使用node.js后台，了解到如何获取数据 2.实现单页路由 3.实现HTTP请求我们的node 4.单项数据流
                        5.使用.vue文件进行开发 最终我们将会构建出一个小demo，不废话，直接上图。 安装
                        1.我们将会使用webpack去为我们的模块打包，预处理，热加载。如果你对webpack不熟悉，它就是可以帮助我们把多个js文件打包为1个入口文件，并...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="283020">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">236浏览</span>
                            <span class="recom">8推荐</span>
                            <span class="judge">1评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/6987" class="title-detail" target="_blank">phpstorm10运行页面显示502网关错误-解决方案！！！！</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">phpstorm配置: 在phpstorm的settings-&gt;Build, Execution, Deployment-&gt;Deployment-&gt;新建,
                        name自定义, 在Connection选项卡中 type设为:Local or mounted folder, Folder改为&quot;你的www目录&quot;, Web server
                        root URl: http:/...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="3167890">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">25浏览</span>
                            <span class="recom">1推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap clearfix">

                <h3 class="item-title">
                    <a href="/article/6985" class="title-detail" target="_blank">Android 设置欢迎界面</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="item-txt">
                    <!-- img -->
                    <div class="item-img l">
                        <a href="/article/6985" target="_blank">
                            <img src='http://img.mukewang.com/571e57e500015ccf06910388-210-130.jpg' width='210'
                                 height='130'/>
                        </a>
                    </div>

                    <p class="item-bd">相信你已经见过很多 APP 启动时都会使用一张图片作为背景，比如微信的启动界面： 这样做的目的主要是展示应用进入动画的同时方便后台加载内容。
                        相比让用户看着空荡荡的屏幕，准备一些图片无疑会更能吸引他们的注意力。 我将教你如何用最简单的方式去实现这个效果。 首先设计一个布局 &lt;?xml version=&quot;1.0&quot;
                        encoding=&quot;utf-8&quot;?&gt...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="2485629">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">62浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">2评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap clearfix">

                <h3 class="item-title">
                    <a href="/article/6983" class="title-detail" target="_blank">基于handlebars实现后端组件化</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="item-txt">
                    <!-- img -->
                    <div class="item-img l">
                        <a href="/article/6983" target="_blank">
                            <img src='http://img.mukewang.com/571e47fc0001f72e02960129-210-130.jpg' width='210'
                                 height='130'/>
                        </a>
                    </div>

                    <p class="item-bd">基本说明（使用过exress和handlebars的可以略过）：express中的handlebars引擎是这么生成页面的： /* layout.hbs *
                        主模板，所有的的页面都将替换&quot;{{{body}}}&quot;，&quot;{{}}&quot;相当于占位符，由数据进行替换 */ &lt;!DOCTYPE html&gt;
                        &lt;html&gt; &lt;head&gt; &l...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="1098050">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">205浏览</span>
                            <span class="recom">2推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/6981" class="title-detail" target="_blank">手记里的代码，复制出来连成了一行，怎么办？教你一招。</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">看到手记文章里的代码很酷，想复制出来测试一下。却发现每行代码都连在一起了，没有换行。一运行代码就报错，得手动调整代码，很麻烦，怎么办？ 例如： values =
                        [void 0, null, false, &#039;&#039;] values[7] = void 0 result = values.map(function(value,
                        index, array){ console.log(v...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="1938237">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">233浏览</span>
                            <span class="recom">1推荐</span>
                            <span class="judge">1评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="/article/6979" class="title-detail" target="_blank">《Node与Express开发》学习笔记-第八章-表单处理</a>
                    <span class="original">原创</span></h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">8.1　向服务器发送客户端数据 向服务器发送客户端数据有两种方式： 查询字符串：如果是使用查询字符串，就发起了一个GET 请求（例如访问某一个页面）
                        请求正文：如果是使用请求正文，就发起了一个POST 请求（例如发送一段表单信息） 8.2　HTML表单基础 &lt;form action=&quot;/process&quot;
                        method=&quot;POST&quot;&gt; &lt;in...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="108457">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">229浏览</span>
                            <span class="recom">3推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article-lwrap ">

                <h3 class="item-title">
                    <a href="<?php echo U('Course/index');?>" class="title-detail" target="_blank">java的学习反思和近期的目标</a>
                </h3>
                <!-- text -->
                <div class="">

                    <p class="item-bd">学习java已经有一年了，目前
                        ，虽然没有什么大的成就和项目，但java的魅力早已经迷醉我了。java具有强大的编程功能，同时加快了我们的代码的时代和准确性，另一方面，我也深深感受到了编写小程序给我带来的快乐和成就感。最后希望自己在java等级考试中成功通过。
                        Java语言是一种多用途的语言、并发的语言、以类为基础，面向对象的语言。它的设计尽可能的做到和操作系统是无关的，也就是Java所宣传的那句...</p>
                    <div class="item-btm clearfix">
                        <ul class="l left-info" data-fuid="2601035">
                            <li class="pass-time">1天前</li>
                        </ul>
                        <div class="r right-info">
                            <span class="looked">47浏览</span>
                            <span class="recom">0推荐</span>
                            <span class="judge">0评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 分页 -->
            <div id="pagenation" class="pagenation">
                <div class="page"><span class="disabled_page">首页</span><span class="disabled_page">上一页</span><a
                        href="javascript:void(0)" class="active">1</a><a href="/article/new/2">2</a><a
                        href="/article/new/3">3</a><a href="/article/new/4">4</a><a href="/article/new/5">5</a><a
                        href="/article/new/6">6</a><a href="/article/new/7">7</a><a href="/article/new/2">下一页</a><a
                        href="/article/new/148">尾页</a></div>
            </div>

        </div>
        <!--右侧-->
        <div class="article-right r">
            <!-- 右侧写文章 -->
            <div class="new-ques">
                <a href="<?php echo U('Shouji/write');?>" class="write-ques">创建文章</a>
                <div class="ques-wrap loading" id="ques-wrap"></div>
            </div>
            <!-- 推荐作者 -->
            <div class="remon-sharer">
                <h2 class="panel-hd">推荐作者</h2>
                <div class="remon-main">
                    <ul>
                        <li>
                            <a class="publisher-hd" href="/u/3224303/articles" target="_blank">
                                <img src='http://img.mukewang.com/545850d50001645502200220-40-40.jpg' width='40'
                                     height='40'/>
                            </a>
                            <div class="arti-info">

                                <a class="publisher-name" href="/u/3224303/articles" target="_blank">慕课产品中心</a>
                                <p class="publisher-sig"></p>
                            </div>
                            <a href="/u/3224303/articles" target="_blank" class="publisher-nums">1篇</a>
                        </li>
                        <li>
                            <a class="publisher-hd" href="/u/108457/articles" target="_blank">
                                <img src='http://img.mukewang.com/5344c674000183fd01000100-40-40.jpg' width='40'
                                     height='40'/>
                            </a>
                            <div class="arti-info">

                                <a class="publisher-name" href="/u/108457/articles" target="_blank">路北</a>
                                <p class="publisher-sig"></p>
                            </div>
                            <a href="/u/108457/articles" target="_blank" class="publisher-nums">9篇</a>
                        </li>
                        <li>
                            <a class="publisher-hd" href="/u/2227710/articles" target="_blank">
                                <img src='http://img.mukewang.com/54584de700017cbd02200220-40-40.jpg' width='40'
                                     height='40'/>
                            </a>
                            <div class="arti-info">

                                <a class="publisher-name" href="/u/2227710/articles" target="_blank">hahahadai</a>
                                <p class="publisher-sig">我要拼命。因为我想赢。</p>
                            </div>
                            <a href="/u/2227710/articles" target="_blank" class="publisher-nums">10篇</a>
                        </li>
                        <li>
                            <a class="publisher-hd" href="/u/2679582/articles" target="_blank">
                                <img src='http://img.mukewang.com/567d028600017af502000200-40-40.jpg' width='40'
                                     height='40'/>
                            </a>
                            <div class="arti-info">

                                <a class="publisher-name" href="/u/2679582/articles" target="_blank">淡雅的默</a>
                                <p class="publisher-sig">不加好友！</p>
                            </div>
                            <a href="/u/2679582/articles" target="_blank" class="publisher-nums">5篇</a>
                        </li>
                        <li>
                            <a class="publisher-hd" href="/u/2487274/articles" target="_blank">
                                <img src='http://img.mukewang.com/5629844e000109f001000100-40-40.jpg' width='40'
                                     height='40'/>
                            </a>
                            <div class="arti-info">

                                <a class="publisher-name" href="/u/2487274/articles" target="_blank">秀秀的大宝贝</a>
                                <p class="publisher-sig"></p>
                            </div>
                            <a href="/u/2487274/articles" target="_blank" class="publisher-nums">4篇</a>
                        </li>
                        <li>
                            <a class="publisher-hd" href="/u/112353/articles" target="_blank">
                                <img src='http://img.mukewang.com/567ca60000011fae26501720-40-40.jpg' width='40'
                                     height='40'/>
                            </a>
                            <div class="arti-info">

                                <a class="publisher-name" href="/u/112353/articles" target="_blank">King</a>
                                <p class="publisher-sig">个人主页：http://</p>
                            </div>
                            <a href="/u/112353/articles" target="_blank" class="publisher-nums">11篇</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 标签风向标 -->
            <div class="tag-vane">
                <h2 class="panel-hd tag-hd">标签风向标</h2>
                <div class="tag-bd" id="tag-vane"></div>
            </div>
            <!-- 热门文章 -->
            <div class="other-article">
                <h2>热门文章</h2>
                <ul>
                    <li>
                        <a href="/article/6469" title="分享很不错的10个UI图标资源站"><h3>分享很不错的10个UI图标资源站</h3></a>
                        <p>最近迷上了android开发，在开发过程中，发现需要用到的图标很多。于是就在网上到处搜索，但是花了好长时间也没有找到自己...</p>
                        <div class="show-box clearfix">
                            <span class="spacer l">3401浏览</span>
                            <span class="spacer l spacer-2">117推荐</span>
                            <span class="spacer l" href="">21评论</span>
                        </div>
                    </li>
                    <li>
                        <a href="/article/6451" title="别再抱怨了，国内这么多优秀的Android资源你都知道吗？"><h3>
                            别再抱怨了，国内这么多优秀的Android资源你都知道吗？</h3></a>
                        <div class="show-box clearfix">
                            <span class="spacer l">4614浏览</span>
                            <span class="spacer l spacer-2">97推荐</span>
                            <span class="spacer l" href="">13评论</span>
                        </div>
                    </li>
                    <li>
                        <a href="/article/6721" title="图解基于node.js实现前后端分离"><h3>图解基于node.js实现前后端分离</h3></a>
                        <div class="show-box clearfix">
                            <span class="spacer l">3743浏览</span>
                            <span class="spacer l spacer-2">54推荐</span>
                            <span class="spacer l" href="">9评论</span>
                        </div>
                    </li>
                    <li>
                        <a href="/article/6715" title="JAVA入门第三季-简易扑克牌程序-个人编写-源代码（含截图）"><h3>
                            JAVA入门第三季-简易扑克牌程序-个人编写-源代码（含截图）</h3></a>
                        <div class="show-box clearfix">
                            <span class="spacer l">2326浏览</span>
                            <span class="spacer l spacer-2">52推荐</span>
                            <span class="spacer l" href="">3评论</span>
                        </div>
                    </li>
                    <li>
                        <a href="/article/6447" title="HTML基础笔记"><h3>HTML基础笔记</h3></a>
                        <div class="show-box clearfix">
                            <span class="spacer l">3264浏览</span>
                            <span class="spacer l spacer-2">82推荐</span>
                            <span class="spacer l" href="">8评论</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--底部-->
    <div id="footer" >
        <div class="waper">
            <div class="footerwaper clearfix">
                <div class="followus r">
                    <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                        <div class="flw-weixin-box"></div>
                    </a>
                    <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                    <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
                </div>
                <div class="footer_intro l">
                    <div class="footer_link">
                        <ul>
                            <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                            <li><a href="/about/job" target="_blank">人才招聘</a></li>
                            <li> <a href="/about/contact" target="_blank">联系我们</a></li>
                            <li><a href="http://yun.imooc.com/" target="_blank">慕课云</a></li>
                            <li><a href="/corp/index" target="_blank">合作专区</a></li>
                            <li><a href="/about/us" target="_blank">关于我们</a></li>
                            <li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
                            <li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
                            <li> <a href="/about/friendly" target="_blank">友情链接</a></li>
                        </ul>
                    </div>
                    <p>Copyright © 2016 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
                </div>
            </div>
        </div>
    </div>

</body>
</html>

</body>
</html>